<!--
 * @description: 描述内容
-->
<template>
    <div class="hh-collapse-item" :class="{
        'is-disabled': props.disabled
    }">
        <div class="hh-collapse-item__header" :id="`item-header-${props.name}`">
            <!-- 指定具名插槽就会覆盖掉{{ props.title }},没指定就会只显示{{ props.title }} -->
            <slot name="title"> {{ props.title }}</slot>


        </div>
        <div class="hh-collapse-item__content" :id="`item-content-${props.name}`">
            <slot></slot>
        </div>
    </div>
</template>

<script lang="ts" setup>
import type { CollapseItemProps } from './types'
import { defineProps } from 'vue';
const props = defineProps<CollapseItemProps>()
</script>